{extend name="template/pc/cms-yingxiao/_base.html" /}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__TPMPLATE__pc/cms-yingxiao/css/page_product_package.css">
{/block}

{block name="js"}
<script type="text/javascript">
	$(document).ready(function() {
		var c = 1;
		$(".cloud-product-ul>li").hover(function() {
			var e = $(this);
			c = e.data("index");
			var e = $(this);
			setTimeout(function() {
				if (c == e.data("index")) {
					$(".cloud-product-ul>li").removeClass("active");
					e.addClass("active")
				}
			}, 120)
		});
	});
</script>
{/block}

{block name="main"}

<div class="cont-pc">

	<div class="cont-contact cont-contact-withe">

		<div class="cont-box">

			<div class="product_package_one">

				<div class="container">

					<div class="shop_title font-center">
						<h2>产品介绍</h2>
						<p>做网站，就上鼎联互联网！为您提供海量功能</p>
					</div>

					<div class="shop_cont">

						<div class="propackage_one_list">
							<ul>
								<li class="one_list1">
									<div class="one_list_title">
										<div class="one_title_1">特选模板套餐</div>
										<div class="one_title_2">
											<div class="one_title_money">1099元/年</div>
											<div class="one_title_year">服务器1年</div>
										</div>
										<div class="one_title_3">
											<div class="one_title_wenzi">活动价</div>
											<div class="one_title_youhui"><font>499</font>元/年</div>
											<div class="one_title_shijia">1099元/年</div>
										</div>
									</div>

									<div class="one_list_txt">
										<div class="one_txt"><i></i>3000+精美模板</div>
										<div class="one_txt"><i></i>自适应</div>
										<div class="one_txt"><i></i>多语言</div>
										<div class="one_txt"><i></i>个性化页面</div>
										<div class="one_txt"><i></i>可视化管理后台</div>
										<div class="one_txt"><i></i>免费试用</div>
										<div class="one_txt"><i></i>不满意全额退款</div>
									</div>

									<div class="one_list_more">
										<a href="#">
											<span>立即购物</span>
										</a>
									</div>
								</li>

								<li class="one_list2">
									<div class="one_list_title">
										<div class="one_title_1">模板更新套餐</div>
										<div class="one_title_2">
											<div class="one_title_money">1999元/年</div>
											<div class="one_title_year">服务器1年</div>
										</div>
										<div class="one_title_3">
											<div class="one_title_wenzi">活动价</div>
											<div class="one_title_youhui"><font>1099</font>元/年</div>
											<div class="one_title_shijia">1999元/年</div>
										</div>
									</div>

									<div class="one_list_txt">
										<div class="one_txt"><i></i>3000+精美模板</div>
										<div class="one_txt"><i></i>自适应 , 多语言</div>
										<div class="one_txt"><i></i>个性化页面</div>
										<div class="one_txt"><i></i>可视化管理后台</div>
										<div class="one_txt"><i></i>网站SEO</div>
										<div class="one_txt"><i></i>客服系统</div>
										<div class="one_txt"><i></i>协助更换模板内容</div>
									</div>

									<div class="one_list_more">
										<a href="#">
											<span>立即购物</span>
										</a>
									</div>
								</li>

								<li class="one_list3">
									<div class="one_list_title">
										<div class="one_list_hop">
											<img src="__TPMPLATE__pc/cms-yingxiao/images/product_package/hot.png">
										</div>
										<div class="one_title_1">网页设计套餐</div>
										<div class="one_title_2">
											<div class="one_title_money">4200元/年</div>
											<div class="one_title_year">服务器3年</div>
										</div>
										<div class="one_title_3">
											<div class="one_title_wenzi">活动价</div>
											<div class="one_title_youhui"><font>2799</font>元/年</div>
											<div class="one_title_shijia">4200元/年</div>
										</div>
									</div>

									<div class="one_list_txt">
										<div class="one_txt"><i></i>自适应 , 多语言</div>
										<div class="one_txt"><i></i>个性化页面 , 网站SEO</div>
										<div class="one_txt"><i></i>可视化管理后台 , 客服系统</div>
										<div class="one_txt"><i></i>域名解析 , 域名备案 , https安全</div>
										<div class="one_txt"><i></i>定制页面设计 , 页面特效</div>
										<div class="one_txt"><i></i>协助更换模板内容</div>
										<div class="one_txt"><i></i>设计总监一对一服务</div>
									</div>

									<div class="one_list_more">
										<a href="#">
											<span>立即购物</span>
										</a>
									</div>
								</li>
							</ul>
						</div>

					</div>

				</div>

			</div>

			<div class="product_package_two">

				<div class="container">

					<div class="shop_title font-center">
						<h2>网站建设介绍</h2>
						<p>做网站，就上鼎联互联网！为您提供海量功能</p>
					</div>

					<div class="shop_cont">

						<div class="cloud-product-wrapper">

							<div class="cloud-product">
								<ul class="cloud-product-ul clearfix">
									<li data-index="1" class="active">
										<div class="normal-inner">
											<div class="cloud-product-single-bottom clearfix">
												<div class="empty-space">
													<div class="bg-product-pic server-header-01"></div>
												</div>
												<h2 class="product-introduce-title">品牌网站建设</h2>
												<p class="product-introduce-content">快速提升企业品牌价值</p>
												<div class="product-introduce-list">
													<p class="introduce-list-small">品牌官网建设</p>
													<p class="introduce-list-small">企业网站建设</p>
													<p class="introduce-list-small">响应式网站建设</p>
													<p class="introduce-list-small">营销型网站建设</p>
													<p class="introduce-list-small">定制网站开发</p>
												</div>

											</div>
										</div>

										<div class="active-inner active-inner-01 clearfix">
											<div class="active-inner-item">
												<a class="introduce-link" href="#"></a>
												<div class="empty-space">
													<div class="bg-product-pic server-header-active-01"></div>
												</div>
												<h2 class="product-introduce-title active-product-introduce-title ">品牌网站建设</h2>
												<p class="product-introduce-content">快速提升企业品牌价值</p>
												<div class="product-introduce-list">
													<p class="introduce-list-large">品牌官网建设</p>
													<p class="introduce-list-large">企业网站建设</p>
													<p class="introduce-list-large">响应式网站建设</p>
													<p class="introduce-list-large">营销型网站建设</p>
													<p class="introduce-list-large">定制网站开发</p>
												</div>

												<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
											</div>
										</div>
									</li>

									<li data-index="2" class="">
										<div class="normal-inner">
											<div class="cloud-product-single-bottom clearfix">
												<div class="empty-space">
													<div class="bg-product-pic  server-header-02"></div>
												</div>
												<h2 class="product-introduce-title">移动应用定制</h2>
												<p class="product-introduce-content">让客户能随时访问您的网站</p>
												<div class="product-introduce-list">
													<p class="introduce-list-small">移动官网建设</p>
													<p class="introduce-list-small">移动商城建设</p>
													<p class="introduce-list-small">移动门户建设</p>
													<p class="introduce-list-small">移动界面定制设计</p>
													<p class="introduce-list-small">APP应用开发</p>
												</div>

											</div>
										</div>
										<div class="active-inner active-inner-02 clearfix">
											<div class="active-inner-item">
												<a class="introduce-link" href="#"></a>
												<div class="empty-space">
													<div class="bg-product-pic server-header-active-02"></div>
												</div>
												<h2 class="product-introduce-title active-product-introduce-title">移动应用定制</h2>
												<p class="product-introduce-content">让客户能随时访问您的网站</p>
												<div class="product-introduce-list">
													<p class="introduce-list-large">移动官网建设</p>
													<p class="introduce-list-large">移动上商城建设</p>
													<p class="introduce-list-large">移动门户建设</p>
													<p class="introduce-list-large">移动界面定制设计</p>
													<p class="introduce-list-large">APP应用开发</p>
												</div>

												<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
											</div>
										</div>
									</li>

									<li data-index="3" class="">
										<div class="normal-inner">
											<div class="cloud-product-single-bottom clearfix">
												<div class="empty-space">
													<div class="bg-product-pic  server-header-03"></div>
												</div>
												<h2 class="product-introduce-title">微信定制开发</h2>
												<p class="product-introduce-content">大平台大流量</p>
												<div class="product-introduce-list">
													<p class="introduce-list-small">小程序开发</p>
													<p class="introduce-list-small">公众号开发</p>
													<p class="introduce-list-small">分销系统定制</p>
													<p class="introduce-list-small">微信商城开发</p>
													<p class="introduce-list-small">微活动策划</p>
												</div>

											</div>
										</div>
										<div class="active-inner active-inner-03 clearfix">
											<div class="active-inner-item">
												<a class="introduce-link" href="#"></a>
												<div class="empty-space">
													<div class="bg-product-pic server-header-active-03"></div>
												</div>
												<h2 class="product-introduce-title active-product-introduce-title ">微信定制开发</h2>
												<p class="product-introduce-content">大平台大流量</p>
												<div class="product-introduce-list">
													<p class="introduce-list-large">小程序开发</p>
													<p class="introduce-list-large">公众号开发</p>
													<p class="introduce-list-large">分销系统定制</p>
													<p class="introduce-list-large">微信商城开发</p>
													<p class="introduce-list-large">微活动策划</p>
												</div>

												<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
											</div>
										</div>
									</li>

									<li data-index="4" class="">
										<div class="normal-inner">
											<div class="cloud-product-single-bottom clearfix">
												<div class="empty-space">
													<div class="bg-product-pic  server-header-04"></div>
												</div>
												<h2 class="product-introduce-title">网络营销策划</h2>
												<p class="product-introduce-content">快速提升企业知名度</p>
												<div class="product-introduce-list">
													<p class="introduce-list-small">搜索引擎SEO优化</p>
													<p class="introduce-list-small">微信营销推广</p>
													<p class="introduce-list-small">朋友圈广告</p>
													<p class="introduce-list-small">软文推广</p>

												</div>

											</div>
										</div>
										<div class="active-inner  active-inner-04 clearfix">
											<div class="active-inner-item">
												<a class="introduce-link" href="#"></a>
												<div class="empty-space">
													<div class="bg-product-pic server-header-active-04"></div>
												</div>
												<h2 class="product-introduce-title active-product-introduce-title ">网络营销策划</h2>
												<p class="product-introduce-content">快速提升企业知名度</p>
												<div class="product-introduce-list">
													<p class="introduce-list-large">搜索引擎SEO优化</p>
													<p class="introduce-list-large">微信营销推广</p>
													<p class="introduce-list-large">朋友圈广告</p>
													<p class="introduce-list-large">软文推广</p>

												</div>

												<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
											</div>
										</div>
									</li>

									<li data-index="5" class="">
										<div class="normal-inner">
											<div class="cloud-product-single-bottom clearfix">
												<div class="empty-space">
													<div class="bg-product-pic server-header-05"></div>
												</div>
												<h2 class="product-introduce-title">全景漫游系统</h2>
												<p class="product-introduce-content" style="line-height: 1.5;">直观感受产品 提升营销效率</p>
												<div class="product-introduce-list">
													<p class="introduce-list-small">720°全景拍摄制作</p>
													<p class="introduce-list-small">360°环物拍摄制作</p>
													<p class="introduce-list-small">航拍全景漫游系统</p>
													<p class="introduce-list-small">景区全景漫游系统</p>
													<p class="introduce-list-small">展馆全景漫游系统</p>
												</div>

											</div>
										</div>
										<div class="active-inner active-inner-05 clearfix">
											<div class="active-inner-item">
												<a class="introduce-link" href="#"></a>
												<div class="empty-space">
													<div class="bg-product-pic server-header-active-05"></div>
												</div>
												<h2 class="product-introduce-title active-product-introduce-title ">全景漫游系统</h2>
												<p class="product-introduce-content">直观感受产品,提升营销效率</p>
												<div class="product-introduce-list">
													<p class="introduce-list-large">720°全景拍摄制作</p>
													<p class="introduce-list-large">360°环物拍摄制作</p>
													<p class="introduce-list-large">航拍全景漫游系统</p>
													<p class="introduce-list-large">景区全景漫游系统</p>
													<p class="introduce-list-large">展馆全景漫游系统</p>
												</div>

												<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
											</div>
										</div>
									</li>

								</ul>
							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

	</div>

</div>

<div class="cont-mobile">

	<div class="product_package_one">

		<div class="container">

			<div class="shop_title font-center">
				<h2>产品介绍</h2>
				<p>做网站，就上鼎联互联网！为您提供海量功能</p>
			</div>

			<div class="shop_cont">

				<div class="propackage_one_list">
					<ul>
						<li class="one_list1">
							<div class="one_list_title">
								<div class="one_title_1">网站实惠版</div>
								<div class="one_title_2">
									<div class="one_title_money">4200元/年</div>
									<div class="one_title_year">服务器1年</div>
								</div>
								<div class="one_title_3">
									<div class="one_title_wenzi">五一活动价</div>
									<div class="one_title_youhui"><font>3200</font>元/年</div>
									<div class="one_title_shijia">4200元/年</div>
								</div>
							</div>

							<div class="one_list_txt">
								<div class="one_txt"><i></i>国际域名</div>
								<div class="one_txt"><i></i>虚拟主机</div>
								<div class="one_txt"><i></i>页面功能</div>
								<div class="one_txt"><i></i>免费维护</div>
								<div class="one_txt"><i></i>美工设计</div>
								<div class="one_txt"><i></i>语言功能</div>
							</div>

							<div class="one_list_more">
								<a href="#">
									<span>立即购物</span>
								</a>
							</div>
						</li>

						<li class="one_list2">
							<div class="one_list_title">
								<div class="one_title_1">网站标准版</div>
								<div class="one_title_2">
									<div class="one_title_money">4200元/年</div>
									<div class="one_title_year">服务器1年</div>
								</div>
								<div class="one_title_3">
									<div class="one_title_wenzi">五一活动价</div>
									<div class="one_title_youhui"><font>3200</font>元/年</div>
									<div class="one_title_shijia">4200元/年</div>
								</div>
							</div>

							<div class="one_list_txt">
								<div class="one_txt"><i></i>国际域名</div>
								<div class="one_txt"><i></i>虚拟主机</div>
								<div class="one_txt"><i></i>页面功能</div>
								<div class="one_txt"><i></i>免费维护</div>
								<div class="one_txt"><i></i>美工设计</div>
								<div class="one_txt"><i></i>语言功能</div>
							</div>

							<div class="one_list_more">
								<a href="#">
									<span>立即购物</span>
								</a>
							</div>
						</li>

						<li class="one_list3">
							<div class="one_list_title">
								<div class="one_list_hop">
									<img src="__TPMPLATE__pc/cms-yingxiao/images/product_package/hot.png">
								</div>
								<div class="one_title_1">网站高级版</div>
								<div class="one_title_2">
									<div class="one_title_money">4200元/年</div>
									<div class="one_title_year">服务器3年</div>
								</div>
								<div class="one_title_3">
									<div class="one_title_wenzi">五一活动价</div>
									<div class="one_title_youhui"><font>3200</font>元/年</div>
									<div class="one_title_shijia">4200元/年</div>
								</div>
							</div>

							<div class="one_list_txt">
								<div class="one_txt"><i></i>国际域名</div>
								<div class="one_txt"><i></i>虚拟主机</div>
								<div class="one_txt"><i></i>页面功能</div>
								<div class="one_txt"><i></i>免费维护</div>
								<div class="one_txt"><i></i>美工设计</div>
								<div class="one_txt"><i></i>语言功能</div>
							</div>

							<div class="one_list_more">
								<a href="#">
									<span>立即购物</span>
								</a>
							</div>
						</li>
					</ul>
				</div>

			</div>

		</div>

	</div>

	<div class="product_package_two">

		<div class="container">

			<div class="shop_title font-center">
				<h2>网站建设介绍</h2>
				<p>做网站，就上鼎联互联网！为您提供海量功能</p>
			</div>

			<div class="shop_cont">

				<div class="cloud-product-wrapper">

					<div class="cloud-product">
						<ul class="cloud-product-ul clearfix">
							<li data-index="1" class="active">
								<div class="normal-inner">
									<div class="cloud-product-single-bottom clearfix">
										<div class="empty-space">
											<div class="bg-product-pic server-header-01"></div>
										</div>
										<h2 class="product-introduce-title">品牌网站建设</h2>
										<p class="product-introduce-content">快速提升企业品牌价值</p>
										<div class="product-introduce-list">
											<p class="introduce-list-small">品牌官网建设</p>
											<p class="introduce-list-small">企业网站建设</p>
											<p class="introduce-list-small">响应式网站建设</p>
											<p class="introduce-list-small">营销型网站建设</p>
											<p class="introduce-list-small">定制网站开发</p>
										</div>

									</div>
								</div>

								<div class="active-inner active-inner-01 clearfix">
									<div class="active-inner-item">
										<a class="introduce-link" href="#"></a>
										<div class="empty-space">
											<div class="bg-product-pic server-header-active-01"></div>
										</div>
										<h2 class="product-introduce-title active-product-introduce-title ">品牌网站建设</h2>
										<p class="product-introduce-content">快速提升企业品牌价值</p>
										<div class="product-introduce-list">
											<p class="introduce-list-large">品牌官网建设</p>
											<p class="introduce-list-large">企业网站建设</p>
											<p class="introduce-list-large">响应式网站建设</p>
											<p class="introduce-list-large">营销型网站建设</p>
											<p class="introduce-list-large">定制网站开发</p>
										</div>

										<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
									</div>
								</div>
							</li>

							<li data-index="2" class="">
								<div class="normal-inner">
									<div class="cloud-product-single-bottom clearfix">
										<div class="empty-space">
											<div class="bg-product-pic  server-header-02"></div>
										</div>
										<h2 class="product-introduce-title">移动应用定制</h2>
										<p class="product-introduce-content">让客户能随时访问您的网站</p>
										<div class="product-introduce-list">
											<p class="introduce-list-small">移动官网建设</p>
											<p class="introduce-list-small">移动商城建设</p>
											<p class="introduce-list-small">移动门户建设</p>
											<p class="introduce-list-small">移动界面定制设计</p>
											<p class="introduce-list-small">APP应用开发</p>
										</div>

									</div>
								</div>
								<div class="active-inner active-inner-02 clearfix">
									<div class="active-inner-item">
										<a class="introduce-link" href="#"></a>
										<div class="empty-space">
											<div class="bg-product-pic server-header-active-02"></div>
										</div>
										<h2 class="product-introduce-title active-product-introduce-title">移动应用定制</h2>
										<p class="product-introduce-content">让客户能随时访问您的网站</p>
										<div class="product-introduce-list">
											<p class="introduce-list-large">移动官网建设</p>
											<p class="introduce-list-large">移动上商城建设</p>
											<p class="introduce-list-large">移动门户建设</p>
											<p class="introduce-list-large">移动界面定制设计</p>
											<p class="introduce-list-large">APP应用开发</p>
										</div>

										<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
									</div>
								</div>
							</li>

							<li data-index="3" class="">
								<div class="normal-inner">
									<div class="cloud-product-single-bottom clearfix">
										<div class="empty-space">
											<div class="bg-product-pic  server-header-03"></div>
										</div>
										<h2 class="product-introduce-title">微信定制开发</h2>
										<p class="product-introduce-content">大平台大流量</p>
										<div class="product-introduce-list">
											<p class="introduce-list-small">小程序开发</p>
											<p class="introduce-list-small">公众号开发</p>
											<p class="introduce-list-small">分销系统定制</p>
											<p class="introduce-list-small">微信商城开发</p>
											<p class="introduce-list-small">微活动策划</p>
										</div>

									</div>
								</div>
								<div class="active-inner active-inner-03 clearfix">
									<div class="active-inner-item">
										<a class="introduce-link" href="#"></a>
										<div class="empty-space">
											<div class="bg-product-pic server-header-active-03"></div>
										</div>
										<h2 class="product-introduce-title active-product-introduce-title ">微信定制开发</h2>
										<p class="product-introduce-content">大平台大流量</p>
										<div class="product-introduce-list">
											<p class="introduce-list-large">小程序开发</p>
											<p class="introduce-list-large">公众号开发</p>
											<p class="introduce-list-large">分销系统定制</p>
											<p class="introduce-list-large">微信商城开发</p>
											<p class="introduce-list-large">微活动策划</p>
										</div>

										<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
									</div>
								</div>
							</li>

							<li data-index="4" class="">
								<div class="normal-inner">
									<div class="cloud-product-single-bottom clearfix">
										<div class="empty-space">
											<div class="bg-product-pic  server-header-04"></div>
										</div>
										<h2 class="product-introduce-title">网络营销策划</h2>
										<p class="product-introduce-content">快速提升企业知名度</p>
										<div class="product-introduce-list">
											<p class="introduce-list-small">搜索引擎SEO优化</p>
											<p class="introduce-list-small">微信营销推广</p>
											<p class="introduce-list-small">朋友圈广告</p>
											<p class="introduce-list-small">软文推广</p>

										</div>

									</div>
								</div>
								<div class="active-inner  active-inner-04 clearfix">
									<div class="active-inner-item">
										<a class="introduce-link" href="#"></a>
										<div class="empty-space">
											<div class="bg-product-pic server-header-active-04"></div>
										</div>
										<h2 class="product-introduce-title active-product-introduce-title ">网络营销策划</h2>
										<p class="product-introduce-content">快速提升企业知名度</p>
										<div class="product-introduce-list">
											<p class="introduce-list-large">搜索引擎SEO优化</p>
											<p class="introduce-list-large">微信营销推广</p>
											<p class="introduce-list-large">朋友圈广告</p>
											<p class="introduce-list-large">软文推广</p>

										</div>

										<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
									</div>
								</div>
							</li>

							<li data-index="5" class="">
								<div class="normal-inner">
									<div class="cloud-product-single-bottom clearfix">
										<div class="empty-space">
											<div class="bg-product-pic server-header-05"></div>
										</div>
										<h2 class="product-introduce-title">全景漫游系统</h2>
										<p class="product-introduce-content" style="line-height: 1.5;">直观感受产品 提升营销效率</p>
										<div class="product-introduce-list">
											<p class="introduce-list-small">720°全景拍摄制作</p>
											<p class="introduce-list-small">360°环物拍摄制作</p>
											<p class="introduce-list-small">航拍全景漫游系统</p>
											<p class="introduce-list-small">景区全景漫游系统</p>
											<p class="introduce-list-small">展馆全景漫游系统</p>
										</div>

									</div>
								</div>
								<div class="active-inner active-inner-05 clearfix">
									<div class="active-inner-item">
										<a class="introduce-link" href="#"></a>
										<div class="empty-space">
											<div class="bg-product-pic server-header-active-05"></div>
										</div>
										<h2 class="product-introduce-title active-product-introduce-title ">全景漫游系统</h2>
										<p class="product-introduce-content">直观感受产品,提升营销效率</p>
										<div class="product-introduce-list">
											<p class="introduce-list-large">720°全景拍摄制作</p>
											<p class="introduce-list-large">360°环物拍摄制作</p>
											<p class="introduce-list-large">航拍全景漫游系统</p>
											<p class="introduce-list-large">景区全景漫游系统</p>
											<p class="introduce-list-large">展馆全景漫游系统</p>
										</div>

										<a href="" class="pianobtn buy-link-pianobtn">查看详情</a>
									</div>
								</div>
							</li>

						</ul>
					</div>

				</div>

			</div>

		</div>

	</div>

</div>

{/block}